<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>内容页</title>

	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/base.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/article.css" />
	<script type="text/javascript">
		var APP = '<?php echo "__APP__" ;?>';
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/head.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/menu.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/article.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/right.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F3nauaZu1gN3wOvvwUeH9egs"></script>
	<!-- 为了保证IE载入以下文件 -->
	<script type="text/javascript" src="__PUBLIC__/Css/es5-shim/es5-sham.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Css/es5-shim/es5-shim.min.js"></script>
	<!-- 载入less.js -->
	<script type="text/javascript" src="__PUBLIC__/Css/es5-shim/less-1.5.0.min.js"></script>
	
</head>
<body>
<load file="__PUBLIC__/head.html"/>
<div id="part-top">
	<!-- 内容当前位置开始 -->
	<div class="art-pos">
		<a href="__ROOT__">北京团购</a> <foreach from="$positoinArr" key="$k" value="$v"> 》<a href="{|U:'List/index',array('cid'=>$k)}">{$v}</a></foreach> 》{$data.title}
	</div>
	<!-- 内容当前位置结束 -->
	<div class="pro-title">
		<h3> {$data.title}</h3>
		<p>{$data.subtitle}</p>
	</div>
	<div class="pro-info-box">
		<div class="pic">
			<ul class="big-pic">
				<foreach from="$data['pic']" value="$v">
				<li><img src="__ROOT__/{$v}" alt="" width="460" height="279" /></li>
				</foreach>
			</ul>
			<ul class="sma-pic">
				<foreach from="$data['pic']" value="$v">
				<li><img src="__ROOT__/{$v}" alt="" width="78" height="45" /></li>
				</foreach>
			</ul>
		</div>
		<div class="info-r">
			<div class="price">
				<span class="money">¥<em>{$data.group_price}</em></span>
				<span class="zhe">{$data.zhe}折<br/><del>￥{$data.price}</del></span>
			</div>
			<div class="yeji">
				<ul>
					<li class="shou">已售<span class="red">{$data.sell_num}</span></li>
					<li class="xing"><span class="xing1"><span class="xing2"></span></span><span class="red fen">4.6</span>分</li>
					<li class="ping"><span class="red">{$data.sell_num}</span>评价</li>
				</ul>
			</div>
			<div class="info3">
				<p><span class="info-l-name">商家</span><a href="#seller">{$data.sname}</a><i>|</i><a href="#seller">查看地址/电话 </a></p>
				<p><span class="info-l-name">有效期</span>截止到 {$data.close_date} <span class="red">不可用日期</span> {$data.not_use_date}</p>
			</div>
			<form action="{|U:'Buy/buy1'}" method="post">
				<div class="num-box">
					<span class="info-l-name">数量</span>
					<p class="num"><a class="subtract" href="javascript:">－</a><input class="num-text" type="text" name="num" value="1" /><a class="plus" href="javascript:">＋</a></p>
					<p class="tishi">最少 1 件起售</p>
				</div>
				<div class="btn">
					<input type="submit" class="buy" value="" />
					<a href="javascript:" class="to-che"></a>
					<div class="collect">
						<if value="!$hd.session.uid">

							<a href="javascript:" class="sc"><i></i>收藏(<strong>{$collect|count}</strong>)</a>

							<else>

							<if value="$collected eq 1 || $collected eq 2">
								<a href="javascript:" class="sc"><i></i>收藏(<strong>{$collect|count}</strong>)</a>
								<else>
								<i></i>收藏(<strong>{$collect|count}</strong>)
							</if>
						

							
						</if>
						
					</div>
					
				</div>
				<input type="hidden" name="gid" value="{$data['gid']}" />
			</form>
			<div class="promise">
				<div class="promise-l-name">服务承诺</div>
				<div class="promise-list">
				<foreach from="$data['promise']" value="$v">
					<span><a href="javascript:"><i class="promise{$v}"></i><if value="$v eq 1">随时退<elseif value="$v eq 2">过期退<elseif value="$v eq 3">极速退<else>真实评价</if></a></span>
				</foreach>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 产品更多详情开始 -->
<div id="pro-more-info">
	<div class="left">
		<if value="$data.notice">
		<div class="notice">
			<div class="des">{$data.notice}</div>
		</div>
		</if>
		<div class="pro-menu">
			<ul>
				<li><a class="title_seller current" href="#seller">商家位置</a></li>
				<li><a class="title_zuzhi" href="#xuzhi">购买须知</a></li>
				<li><a class="title_content" href="#content">本单详情</a></li>
				<li><a class="title_sellerinfo" href="#sellerinfo">商家介绍</a></li>
				<li><a class="title_comments" href="#comments">消费评价</a></li>
			</ul>
		</div>
		<div class="tidai">&nbsp;</div>
		<div class="info-title" id="seller" style="">商家位置</div>
		<div class="info-content">
			<div class="seller_map">
			<div  id="smap" style="height:252px; width:315px;border:1px solid #eee;"></div>
			</div>
			<div class="seller_location">
			<list from="$location" name="n">
				<div class="list">
					<h3>{$n.shopname}</h3>
					<if value="$hd.list.n.first">
						<div class="info" style="display:block">
							<p>地址：{$n.address}</p>
							<if value="$n['subway']"><p>地铁：{$n.subway}</p></if>
							<p>电话：{$n.tel}</p>
							<p style="display:none" class="p_coord">{$n.coord}</p>
						</div>
						<else>
						<div class="info">
							<p>地址：{$n.address}</p>
							<if value="$n['subway']"><p>地铁：{$n.subway}</p></if>
							<p>电话：{$n.tel}</p>
							<p style="display:none" class="p_coord">{$n.coord}</p>
						</div>
					</if>
					
				</div>
			</list>
			</div>
			<div class="clear"></div>
		</div>

		<div class="info-title" id="xuzhi" style="position:relative">购买须知</div>
		<div class="info-content">
			<ul class="xuzhi">
				<li>
					<div class="zhi-name">有效期</div>
					<div class="zhi-info">至 {$data.close_date}</div>
				</li>
				<li>
					<div class="zhi-name">不可用日期</div>
					<div class="zhi-info">{$data.not_use_date}</div>
				</li>
				<li>
					<div class="zhi-name">预约提醒</div>
					<div class="zhi-info">{$data.appointment}</div>
				</li>
				<li>
					<div class="zhi-name">温馨提示</div>
					<div class="zhi-info"><pre>{$data.reminder}</pre></div>
				</li>
				<if value="$data['service']">
				<li>
					<div class="zhi-name">商家服务</div>
					<div class="zhi-info">{$data.service}</div>
				</li>
				</if>
			</ul>
		</div>
		<div class="info-title" id="content">本单详情</div>
		<div class="info-content">
			<table width="100%" class="taocan" border="0" cellspacing="0" cellpadding="0">
				<tr height="40" bgcolor="#f0f0f0">
					<th align="left" width="400">套餐内容</th>
					<th align="center" width="70">单价</th>
					<th align="center" width="110">数量/规格</th>
					<th width="110" align="right" style="padding-right:10px;">小计</th>
				</tr>
				<tr height="40">
					<td align="left" width="400">{$data.title}</td>
					<td align="center" width="70">{$data.price}</td>
					<td align="center" width="110">1位</td>
					<td width="110" align="right" style="padding-right:10px;">{$data.price}</td>
				</tr>
			</table>
			<div class="jiazhi"><span>价值: ￥{$data.price}</span><span>美团价： ￥<em>{$data.group_price}</em></span></div>
			<div class="clear"></div>
		</div>
		<div class="details">
			{$data.details}
		</div>
		<div class="info-title" id="sellerinfo">商家介绍</div>
		<div class="introduction">{$data.introduction}</div>
		<div class="info-title" id="comments">消费评价</div>
		<div class="info-content">
			<div class="all_comments">全部评价</div>
			<if value="is_null($Comments)">
			<p style="padding:30px 0 0 20px;">该商品还没有被评论</p>
			<else>
			<foreach from="$Comments" value="$v">
			<div class="comments_list">
				<p class="name"><if value="$v['nick']">{$v.nick}<else>{$v.username}</if> <span>{$v.sendtime|hd_date:'Y-m-d'}</span></p>
				<div class="c_content">{$v.content}</div>
			</div>
			</foreach>
			</if>
		</div>

	</div>
	<div class="right">
		<div class="version">
			<a href="http://i.meituan.com/mobile/down/meituan?" class="tel"></a>
			<a href="http://maoyan.com/" class="mao"></a>
		</div>
		<div id="view"></div>
		<if value="$hd.session.viewed">
		<div class="recently-viewed">
			<div class="title"><strong>最近浏览</strong></div>
			<ul style="padding:10px 0">
				<foreach from="$hd.session.viewed" key="$k" value="$v">
					<li>
						<div class="tu"><a href="{|U:'Article/index',array('gid'=>$k)}"><img src="__ROOT__/{$v.pic}" width="80" height="49" /></a></div>
						<div class="info">
							<p><a href="">{$v.title}</a></p>
							<p class="p2"><span>￥{$v.group_price}</span><del>{$v.price}</del></p>
						</div>
					</li>
				</foreach>
			</ul>
		</div>
		</if>

	</div>
</div>
<!-- 产品更多详情结束 -->
<!-- 底部开始 -->
<load file="__PUBLIC__/footer.html"/>
<!-- 底部结束 -->

<script type="text/javascript">
	
	// 百度地图API功能
	var map = new BMap.Map("smap");            // 创建Map实例
	
	map.enableScrollWheelZoom();                            //启用滚轮放大缩小

	map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
	map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN}));  //左下角，仅包含平移按钮

	$(function(){
		var p_coord = $('.p_coord');

		p_coord.each(function(i){
			var coord = $.parseJSON(p_coord.eq(i).html());
		var point = new BMap.Point(coord.lng, coord.lat);    // 创建点坐标
		map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
		 	 
		 	 var marker = new BMap.Marker(point);  // 创建标注
			map.addOverlay(marker);              // 将标注添加到地图中
		})
	})
	

</script>
</body>
</html>